<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">书城</h1>
			<a class="mui-action-back mui-icon iconfont icon-qrcode mui-pull-right"></a>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item">
				<span class="mui-icon mui-icon-bars"></span>
				<span class="mui-tab-label">书橱</span>
			</a>
			
			<a class="mui-tab-item">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-clear" placeholder="搜索">
			</div>
			<div class="bookType-box">
				<div class="bookTitle">
					<div class="mui-text-left book-type-box">
						书籍类型<span class="mui-badge mui-badge-success book-type">分类1</span> <span class="mui-badge mui-badge-success book-type">分类2</span> <span class="mui-badge mui-badge-success book-type">分类3</span>
					</div>
					<ul class="mui-table-view mui-grid-view">
						<li class="mui-table-view-cell mui-media mui-col-xs-3">
							<a href="#">
								<img class="mui-media-object" src="https://img3.doubanio.com\/mpic\/s1001902.jpg">
								<div class="mui-media-body">小王子</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3">
							<a href="#">
								<img class="mui-media-object" src="https://img3.doubanio.com\/mpic\/s1001902.jpg">
								<div class="mui-media-body">小王子</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3">
							<a href="#"><img class="mui-media-object" src="https://img3.doubanio.com\/mpic\/s1001902.jpg">
								<div class="mui-media-body">小王子</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3">
							<a href="#"><img class="mui-media-object" src="https://img3.doubanio.com\/mpic\/s1001902.jpg">
								<div class="mui-media-body">小王子</div>
							</a>
						</li>
					</ul>

				</div>
			</div>
			<div class="bookTag-box">
				<div class="mui-text-left book-tag-box">
					书籍标签
				</div>
				<div class="mui-row tag-box">
					<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-blue">按钮</button></div>
					<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-blue">按钮</button></div>
					<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-blue">按钮</button></div>
					<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-blue">按钮</button></div>
				</div>
			</div>
			<div class="bookTag-box">
				<div class="mui-text-left book-user-box">
					与我交易的人
				</div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" class="">
							<img class="mui-media-object mui-pull-right" src="http://www.dcloud.io/images/code-m.png">
							<div class="mui-media-body">
								书名
								<p class="mui-ellipsis">简介</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-right" src="http://www.dcloud.io/images/code-m.png">
							<div class="mui-media-body">
								书名
								<p class="mui-ellipsis">简介</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-right" src="http://www.dcloud.io/images/code-m.png">
							<div class="mui-media-body">
								书名
								<p class="mui-ellipsis">简介</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>